<template>
  <!-- <a-layout id="components-layout-demo-side" style="min-height: 100vh">
    <Left></Left>
    <a-layout> 
      <HeaderNav></HeaderNav>
      <a-layout-content style="margin: 80px 15px auto"> 
        <div :style="{ padding: '15px', background: '#fff', minHeight: '660px' }">
          <router-view></router-view>
        </div>
      </a-layout-content>
    </a-layout>
  </a-layout>-->
  <a-layout id="components-layout-demo-top" class="layout">
    <HeaderNav></HeaderNav>
    <a-layout-content style="padding: 0 18px">
      <Breadcrumb></Breadcrumb>
      <div :style="{  minHeight: '769px' }">
        <router-view></router-view>
      </div>
    </a-layout-content>
  </a-layout>
</template>
<script>
import HeaderNav from "../components/HeaderNav";
import Breadcrumb from "../components/Breadcrumb";
import Left from "../components/Left";

export default {
  name: "index",
  components: {
    HeaderNav,
    Left,
    Breadcrumb
  },
  data() {
    return {};
  }
};
</script>
<style>
#components-layout-demo-side .logo {
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin: 16px;
}
</style>
